<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,user-scalable=no">
    <title>仿美团电影页面</title>
    <link rel="stylesheet" href="public/normalize.css">
    <link rel="stylesheet" href="public/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="css/main.css">
    <script src="public/swiper-3.4.2.min.js"></script>
    <script src="js/main.js"></script>
</head>
<body class="bg">
    <!--头部-->
    <header class="navbar">
        <div class="navbar-left">
            <a href="#">
                <i class="icon-back"></i>
            </a>
        </div>
        <h1>中影红星电影城</h1>
        <div class="navbar-left"></div>
    </header>
    <!--body-->
    <div class="movie">

        <div class="moive_top">
            <div class="moive_top_div1">
                <h3>中影红星电影城</h3>
                <p>香洲区唐家湾综合市场三楼</p>
            </div>
            <div class="moive_top_div2">
                <a >
                    <img src="img/phone.png" alt="phone">
                </a>
            </div>
        </div>

        <div class="moive_body">
            <div class="moive_body_imgs" id="swiper-container">
                <ul class="swiper-wrapper">
                    <li class="swiper-slide">
                        <a class="  select img_link" href="#">
                            <img src="img/a1.jpg" alt="pic">
                        </a>
                    </li>

                    <li class="swiper-slide">
                        <a class="img_link" href="#">
                            <img src="img/a2.jpg" alt="pic">
                        </a>
                    </li>

                    <li class="swiper-slide">
                        <a class="img_link" href="#">
                            <img src="img/a3.jpg" alt="pic">
                        </a>
                    </li>

                    <li class="swiper-slide">
                        <a class="img_link" href="#">
                            <img src="img/a4.jpg" alt="pic">
                        </a>
                    </li>

                    <li class="swiper-slide">
                        <a class="img_link" href="#">
                            <img src="img/a5.jpg" alt="pic">
                        </a>
                    </li>

                    <li class="swiper-slide">
                        <a class="img_link" href="">
                            <img src="img/a0.jpg" alt="">
                        </a>
                    </li>
                </ul>
            </div>
            <div class="hr"></div>
            <div class="moive_body_topic bg_turn">
                <span class="topic">速度与激情8</span>
                <span>
                    <strong>9.4分</strong>
                </span>
            </div>

            <ul class="moive_body_date_tab bg_turn" id="tab">
                <li class="action">
                     <a onclick="tabTurn(1)">今天4月27日</a>
                </li>

                <li>
                     <a onclick="tabTurn(2)">明天4月28日</a>
                </li>

                <li>
                     <a onclick="tabTurn(3)">后天4月29日</a>
                </li>

                <li>
                     <a onclick="tabTurn(4)">周日4月30日</a>
                </li>

                <li>
                    <a onclick="tabTurn(5)">周一5月1日</a>
                </li>
            </ul>
            <div class="moive_book bg_turn hidden " id="book1" style="display:block">
                        <table>
                            <tbody>
                                <tr>
                                    <td>
                                        <div class="moive_time">
                                            <strong>19:10</strong>
                                            <p>21:26结束</p>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="moive_add">
                                            <div>英语巨屏3D</div>
                                            <div>
                                                2号厅(小)
                                            </div>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="moive_price">
                                            <strong>48元</strong>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="moive_buy">
                                            <button>
                                                选座购票
                                            </button>
                                        </div>
                                    </td>

                                </tr>
                                <tr>
                                    <td>
                                        <div class="moive_time">
                                            <strong>19:10</strong>
                                            <p>21:26结束</p>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="moive_add">
                                            <div>英语3D</div>
                                            <div>
                                                2号厅
                                            </div>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="moive_price">
                                            <strong>48元</strong>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="moive_buy">
                                            <button>
                                                选座购票
                                            </button>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <div class="moive_time">
                                            <strong>19:10</strong>
                                            <p>21:26结束</p>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="moive_add">
                                            <div>英语3D</div>
                                            <div>
                                                2号厅
                                            </div>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="moive_price">
                                            <strong>48元</strong>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="moive_buy">
                                            <button>
                                                选座购票
                                            </button>
                                        </div>
                                    </td>
                                </tr>

                            </tbody>
                        </table>
                    </div>
            <div class="moive_book bg_turn hidden " id="book2">
                        <table>
                            <tbody>
                            <tr>
                                <td>
                                    <div class="moive_time">
                                        <strong>21:10</strong>
                                        <p>21:26结束</p>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_add">
                                        <div>英语巨屏3D</div>
                                        <div>
                                            2号厅
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_price">
                                        <strong>48元</strong>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_buy">
                                        <button>
                                            选座购票
                                        </button>
                                    </div>
                                </td>

                            </tr>
                            <tr>
                                <td>
                                    <div class="moive_time">
                                        <strong>21:10</strong>
                                        <p>21:26结束</p>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_add">
                                        <div>英语巨屏3D</div>
                                        <div>
                                            2号厅
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_price">
                                        <strong>48元</strong>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_buy">
                                        <button>
                                            选座购票
                                        </button>
                                    </div>
                                </td>

                            </tr>
                            <tr>
                                <td>
                                    <div class="moive_time">
                                        <strong>21:10</strong>
                                        <p>21:26结束</p>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_add">
                                        <div>英语巨屏3D</div>
                                        <div>
                                            2号厅
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_price">
                                        <strong>48元</strong>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_buy">
                                        <button>
                                            选座购票
                                        </button>
                                    </div>
                                </td>

                            </tr>
                            <tr>
                                <td>
                                    <div class="moive_time">
                                        <strong>21:10</strong>
                                        <p>21:26结束</p>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_add">
                                        <div>英语巨屏3D</div>
                                        <div>
                                            2号厅
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_price">
                                        <strong>48元</strong>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_buy">
                                        <button>
                                            选座购票
                                        </button>
                                    </div>
                                </td>

                            </tr>
                            <tr>
                                <td>
                                    <div class="moive_time">
                                        <strong>21:10</strong>
                                        <p>21:26结束</p>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_add">
                                        <div>英语巨屏3D</div>
                                        <div>
                                            2号厅
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_price">
                                        <strong>48元</strong>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_buy">
                                        <button>
                                            选座购票
                                        </button>
                                    </div>
                                </td>

                            </tr>
                            <tr>
                                <td>
                                    <div class="moive_time">
                                        <strong>21:10</strong>
                                        <p>21:26结束</p>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_add">
                                        <div>英语巨屏3D</div>
                                        <div>
                                            2号厅
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_price">
                                        <strong>48元</strong>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_buy">
                                        <button>
                                            选座购票
                                        </button>
                                    </div>
                                </td>

                            </tr>
                            <tr>
                                <td>
                                    <div class="moive_time">
                                        <strong>21:10</strong>
                                        <p>21:26结束</p>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_add">
                                        <div>英语巨屏3D</div>
                                        <div>
                                            2号厅
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_price">
                                        <strong>48元</strong>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_buy">
                                        <button>
                                            选座购票
                                        </button>
                                    </div>
                                </td>

                            </tr>
                            <tr>
                                <td>
                                    <div class="moive_time">
                                        <strong>21:10</strong>
                                        <p>21:26结束</p>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_add">
                                        <div>英语巨屏3D</div>
                                        <div>
                                            2号厅
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_price">
                                        <strong>48元</strong>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_buy">
                                        <button>
                                            选座购票
                                        </button>
                                    </div>
                                </td>

                            </tr>
                            <tr>
                                <td>
                                    <div class="moive_time">
                                        <strong>21:10</strong>
                                        <p>21:26结束</p>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_add">
                                        <div>英语巨屏3D</div>
                                        <div>
                                            2号厅
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_price">
                                        <strong>48元</strong>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_buy">
                                        <button>
                                            选座购票
                                        </button>
                                    </div>
                                </td>

                            </tr>
                            <tr>
                                <td>
                                    <div class="moive_time">
                                        <strong>21:10</strong>
                                        <p>21:26结束</p>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_add">
                                        <div>英语巨屏3D</div>
                                        <div>
                                            2号厅
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_price">
                                        <strong>48元</strong>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_buy">
                                        <button>
                                            选座购票
                                        </button>
                                    </div>
                                </td>

                            </tr>
                            </tbody>
                        </table>
                    </div>
            <div class="moive_book bg_turn hidden " id="book3">
                        <table>
                            <tbody>
                            <tr>
                                <td>
                                    <div class="moive_time">
                                        <strong>00:10</strong>
                                        <p>21:26结束</p>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_add">
                                        <div>英语巨屏3D</div>
                                        <div>
                                            2号厅
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_price">
                                        <strong>33元</strong>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_buy">
                                        <button>
                                            选座购票
                                        </button>
                                    </div>
                                </td>

                            </tr>
                            <tr>
                                <td>
                                    <div class="moive_time">
                                        <strong>19:10</strong>
                                        <p>21:26结束</p>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_add">
                                        <div>英语3D</div>
                                        <div>
                                            2号厅
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_price">
                                        <strong>48元</strong>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_buy">
                                        <button>
                                            选座购票
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="moive_time">
                                        <strong>00:10</strong>
                                        <p>21:26结束</p>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_add">
                                        <div>英语巨屏3D</div>
                                        <div>
                                            2号厅
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_price">
                                        <strong>33元</strong>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_buy">
                                        <button>
                                            选座购票
                                        </button>
                                    </div>
                                </td>

                            </tr>
                            <tr>
                                <td>
                                    <div class="moive_time">
                                        <strong>19:10</strong>
                                        <p>21:26结束</p>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_add">
                                        <div>英语3D</div>
                                        <div>
                                            2号厅
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_price">
                                        <strong>48元</strong>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_buy">
                                        <button>
                                            选座购票
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="moive_time">
                                        <strong>00:10</strong>
                                        <p>21:26结束</p>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_add">
                                        <div>英语巨屏3D</div>
                                        <div>
                                            2号厅
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_price">
                                        <strong>33元</strong>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_buy">
                                        <button>
                                            选座购票
                                        </button>
                                    </div>
                                </td>

                            </tr>
                            <tr>
                                <td>
                                    <div class="moive_time">
                                        <strong>00:10</strong>
                                        <p>21:26结束</p>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_add">
                                        <div>英语巨屏3D</div>
                                        <div>
                                            2号厅
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_price">
                                        <strong>33元</strong>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_buy">
                                        <button>
                                            选座购票
                                        </button>
                                    </div>
                                </td>

                            </tr>
                            </tbody>
                        </table>
                    </div>
            <div class="moive_book bg_turn hidden" id="book4">
                        <table>
                            <tbody>
                            <tr>
                                <td>
                                    <div class="moive_time">
                                        <strong>19:10</strong>
                                        <p>21:26结束</p>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_add">
                                        <div>英语巨屏3D</div>
                                        <div>
                                            2号厅
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_price">
                                        <strong>48元</strong>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_buy">
                                        <button>
                                            选座购票
                                        </button>
                                    </div>
                                </td>

                            </tr>
                            <tr>
                                <td>
                                    <div class="moive_time">
                                        <strong>19:10</strong>
                                        <p>21:26结束</p>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_add">
                                        <div>英语3D</div>
                                        <div>
                                            2号厅
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_price">
                                        <strong>48元</strong>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_buy">
                                        <button>
                                            选座购票
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="moive_time">
                                        <strong>19:10</strong>
                                        <p>21:26结束</p>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_add">
                                        <div>英语3D</div>
                                        <div>
                                            2号厅
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_price">
                                        <strong>48元</strong>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_buy">
                                        <button>
                                            选座购票
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="moive_time">
                                        <strong>19:10</strong>
                                        <p>21:26结束</p>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_add">
                                        <div>英语3D</div>
                                        <div>
                                            2号厅
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_price">
                                        <strong>48元</strong>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_buy">
                                        <button>
                                            选座购票
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="moive_time">
                                        <strong>19:10</strong>
                                        <p>21:26结束</p>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_add">
                                        <div>英语3D</div>
                                        <div>
                                            2号厅
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_price">
                                        <strong>48元</strong>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_buy">
                                        <button>
                                            选座购票
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="moive_time">
                                        <strong>19:10</strong>
                                        <p>21:26结束</p>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_add">
                                        <div>英语3D</div>
                                        <div>
                                            2号厅
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_price">
                                        <strong>48元</strong>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_buy">
                                        <button>
                                            选座购票
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
            <div class="moive_book bg_turn hidden" id="book5">
                        <table>
                            <tbody>
                            <tr>
                                <td>
                                    <div class="moive_time">
                                        <strong>20:10</strong>
                                        <p>21:26结束</p>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_add">
                                        <div>英语巨屏3D</div>
                                        <div>
                                            2号厅
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_price">
                                        <strong>48元</strong>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_buy">
                                        <button>
                                            选座购票
                                        </button>
                                    </div>
                                </td>

                            </tr>
                            <tr>
                                <td>
                                    <div class="moive_time">
                                        <strong>19:10</strong>
                                        <p>21:26结束</p>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_add">
                                        <div>英语3D</div>
                                        <div>
                                            2号厅
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_price">
                                        <strong>48元</strong>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_buy">
                                        <button>
                                            选座购票
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="moive_time">
                                        <strong>19:10</strong>
                                        <p>21:26结束</p>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_add">
                                        <div>英语3D</div>
                                        <div>
                                            2号厅
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_price">
                                        <strong>48元</strong>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_buy">
                                        <button>
                                            选座购票
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="moive_time">
                                        <strong>19:10</strong>
                                        <p>21:26结束</p>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_add">
                                        <div>英语3D</div>
                                        <div>
                                            2号厅
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_price">
                                        <strong>48元</strong>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_buy">
                                        <button>
                                            选座购票
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="moive_time">
                                        <strong>19:10</strong>
                                        <p>21:26结束</p>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_add">
                                        <div>英语3D</div>
                                        <div>
                                            2号厅
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_price">
                                        <strong>48元</strong>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_buy">
                                        <button>
                                            选座购票
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="moive_time">
                                        <strong>19:10</strong>
                                        <p>21:26结束</p>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_add">
                                        <div>英语3D</div>
                                        <div>
                                            2号厅
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_price">
                                        <strong>48元</strong>
                                    </div>
                                </td>
                                <td>
                                    <div class="moive_buy">
                                        <button>
                                            选座购票
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>

        </div>

    </div>

    <footer>
        <div class="footer_bottom">
            <p class="footer_bottom_f">友情链接：<a href="#" class="action">猫眼电影</a></p>
            <div class="footer_bottom_text">
                <i></i>
                <span class="footer_bottom_c">&copy 2016 <a href="#">美团网</a> 京ICP070791号</span>

            </div>
        </div>

    </footer>

</body>
</html>